@charset "UTF-8";
html {
    background: #eee;
    width: 100%;
    height: 100%;
    /*overflow-x: hidden;*/
}

body {
    font-size: .28rem;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    color: #333;
}

.zz-header {
    padding-left: .3rem;
    height: .8rem;
    line-height: .8rem;
    font-size: .26rem;
    color: #999;
}

.zz-list {
    padding-left: .3rem;
    background: #fff;
}

.zz-top {
    width: 100%;
    height: .2rem;
}

.zz-list ul {
    height: 100%;
}

.zz-list ul li, .zz-store-list ol li {
    padding-right: .3rem;
    height: .88rem;
    line-height: .88rem;
    border-bottom: 1px solid #e8e8e8;
}

.zz-list ul li a {
    display: block;
    color: #333;
    width: 100%;
    height: 100%;
}

.zz-list ul li:last-child, .zz-store-list ol li:last-child {
    border: none;
}

.zz-left, .zz-right {
    display: inline-block;
    height: .88rem;
    line-height:.88rem;
    vertical-align: top;
}

.zz-store-name {
    vertical-align: top;
    width: 5.1rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.zz-list ul li .zz-left {
    width: 1.8rem;
}

.zz-list ul li .zz-right {
    color: #666;
}

.zz-list ul li.zz-position {
    position: relative;
}

.zz-list ul li .zz-code {
    border: none;
    width: 1.52rem;
    height: .6rem;
    line-height: .6rem;
    position: absolute;
    top: .14rem;
    right: .3rem;
    background: #fe5e5e;
    color: #fff;
    border-radius: 3px;
    text-align: center;
}

.zz-list ul li .zz-codeBg {
    background: #fe9e9e;
    color: #ffdede;
}

.zz-list ul li .zz-code-num {
    /* vertical-align: middle;
    margin-top: -.07rem; */
    border: none;
    display: inline-block;
    background: #fff;
    color:#666;
    text-align: left;
    width: 4.4rem;
}

.zz-read {
    padding: .4rem 0 0 .3rem;
    font-size: .24rem;
    color: #999;
    height: .7rem;
    /*margin-top: .4rem;*/
}

.zz-read span {
    float: left;
    height: .24rem;
    line-height: .24rem;
}

.zz-read a {
    height: .24rem;
    line-height: .24rem;
    float: left;
    color: #098fe6;
    text-decoration: underline;
}

.zz-read .zz-check {
    width: .26rem;
    height: .26rem;
    padding-right: .12rem;
    background: url("../../image/h5/icon_selected@2x.png") no-repeat;
    background-size: 100% 100%;
    background-origin: content-box;
}

.zz-read .zz-not-check {
    background: url("../../image/h5/check_not@2x.png") no-repeat;
    background-size: 100% 100%;
    background-origin: content-box;
}

.footer, .zz-close {
    display: block;
    outline: none;
    border: 0;
    margin: 0 auto;
    text-align: center;
    font-size: .34rem;
    width: 6.86rem;
    height: .84rem;
    line-height: .84rem;
    color: #fff;
    background: #fe5e5e;
    border-radius: .1rem;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #999;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #999;
}

.zz-footTop {
    margin-top: .6rem;
}

.zz-color, .zz-list ul li .zz-transaction-color {
    color: #fe5e5e;
    font-weight: 600;
}

.zz-font-32 {
    font-size: .32rem;
}

/* ↑index end*/

.zz-list ul li .zz-card-number {
    color: #666;
    float: left;
}

/*.zz-list ul li .zz-bank-icon {*/
/*width: .4rem;*/
/*height: .4rem;*/
/*margin: .26rem .1rem 0 0;*/
/*background: url("../img/bank-list.png")  no-repeat 0 0;*/
/*background-size: 100%;*/
/*display: inline-block;*/
/*}*/

.zz-bank-name {
    max-width: 4.5rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.zz-list ul li .zz-bank {
    float: left;
}

.zz-right-arrow {
    width: .15rem;
    height: .25rem;
    margin: .315rem 0 0 .16rem;
    float: right;
    background: url("../../image/h5/skip@2x.png") no-repeat;
    background-size: 100% 100%;
}

.zz-balance {
    color: #444;
    font-weight: 600;
    /*width: 2.3rem;*/
    float: right;
    /*padding-right: .16rem;*/
}

.zz-list .zz-all {
    float: right;
    margin-right: .3rem;
    color: #098fe6;
    font-size: .26rem;
}

.zz-one-num {
    padding-left: 0;
}

.zz-read .zz-one {
    width: 100%;
    display: block;
    text-align: center;
}

/* ↑blance end*/

.zz-replace {
    color: #666;
    float: right;
    /*padding-right: .16rem;*/
}

/* ↑extractMsg  end*/

.zz-record {
    height: .7rem;
}

.zz-record .zz-month {
    display: block;
    width: 1.08rem;
    height: .4rem;
    line-height: .4rem;
    text-align: center;
    background: #cecece;
    border-radius: .1rem;
    margin: .3rem auto;
    color: #fff;
}

.zz-list-bank ul li {
    height: .64rem;
    padding: .33rem .3rem .33rem 0;
}

.zz-list-bank ul li p.zz-bankList {
    width: 5.68rem;
    float: left;
    height: .32rem;

}

.zz-list-bank ul li p.zz-bankList span.zz-bank, .zz-list-bank ul li p.zz-bankList span.zz-card-number {
    height: .28rem;
    line-height: .28rem;

}

.zz-list-bank ul li p.zz-bankList span.zz-balance {
    font-size: .32rem;
    width: 2rem;
    text-align: right;
    height: .32rem;
    line-height: .32rem;
    float: right;

}

.zz-list-bank ul li p.zz-bankList span.zz-bank {
    width: 3.5rem;
    height: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;
}

.zz-list-bank ul li p.zz-timeList {
    width: 5.68rem;
    margin-top: .08rem;
    float: left;
}

.zz-list-bank ul li p.zz-timeList span {
    font-size: .24rem;
    color: #999;
    height: .24rem;
    line-height: .24rem;
}

.zz-list-bank ul li p.zz-timeList span.zz-time {
    float: left;
}

.zz-list-bank ul li p.zz-timeList span.zz-success {
    float: right;
}

/* ↑record end*/

.zz-submit-success {
    background: #fff;
    /*height: 2.46rem;*/
    padding: 1.27rem 0;
}

.zz-submit-success .zz-icon-win {
    display: block;
    width: 1.05rem;
    height: 1.05rem;
    background: url("../../image/h5/icon_win@2x.png") no-repeat;
    background-size: 100% 100%;

    background-origin: content-box;
    margin: 0 auto .35rem;
}

.zz-submit-success .zz-extract {
    display: block;
    font-size: .34rem;
    width: 100%;
    text-align: center;
    /*margin-bottom: .5rem;*/
}

.zz-submit-success .zz-estimate {
    color: #666;
    display: block;
    font-size: .28rem;
    padding: .5rem .3rem 0;
    text-align: center;
}

/* ↑success end*/
.zz-list .zz-add-icon {
    float: left;
    width: .37rem;
    margin: .255rem .15rem .255rem 0;
    height: .37rem;
    background: url("../../image/h5/icon_add@2x.png") no-repeat;
    background-size: 100% 100%;

}

.zz-cashier {
    height: .28rem;
    line-height: .28rem;
    padding: .3rem 0 .2rem .3rem;
    color: #999;
    background: #eee;
}

.zz-power {
    width: 6.64rem;
    margin: .32rem auto 0;
    padding: 0 0 .19rem .34rem;
    border-radius: 4px;
    background: #e0e0e1;
}

.zz-power span {
    display: block;
    padding-top: .19rem;
    height: .26rem;
    line-height: .26rem;
    font-size: .26rem;
    color: #999;
}

/* ↑addCashier end*/

.zz-request-cashier {
    width: 6.86rem;
    height: 7.1rem;
    margin: 0 auto;
    border-radius: .1rem;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
}

.zz-request-cashier .zz-place {
    padding: .25rem .64rem .27rem;
    height: .68rem;
    line-height: .34rem;
    font-size: .28rem;
    text-align: center;
    color: #666;
    background: #fafafa;
    border-bottom: 1px solid #e4e2e2;
}

.zz-request-cashier .zz-shop-name {
    display: block;
    height: .7rem;
    line-height: .7rem;
    color: #fe5e5e;
    text-align: center;
}

.zz-request-cashier .zz-ewm {
    display: block;
    width: 4.65rem;
    height: 4.65rem;
    margin: 0 auto;
    border: none !important;
}

.zz-send-mask {
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../../image/h5/wxmask.png") no-repeat;
    background-size: 100% 100%;
}

.zz-close {
    margin: .3rem auto 0;
    color: #333;
    background: #fbfafc;
    border: 1px solid #dcdcdc;
}

.zz-not-scanning {
    margin: .4rem .45rem 0;
    font-size: .26rem;
    color: #666;
}

/* ↑requestCashier end*/

.zz-list .zz-explain-icon {
    padding: .255rem 0 .255rem .3rem;
    width: .37rem;
    height: .37rem;
    background: url("../../image/h5/icon_comprpt@2x.png") no-repeat;
    background-size: 100% 100%;
    background-origin: content-box;
    float: right;
}

/* ↑addBankCard end*/

.zz-explain {
    z-index: 1;
    width: 5.64rem;
    /*height: 4.1rem;*/
    position: absolute;
    top: 3.6rem;
    left: 50%;
    margin-left: -2.82rem;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
}

.zz-explain .zz-phone-explain {
    font-size: .34rem;
    height: .34rem;
    line-height: .34rem;
    font-weight: 600;
    text-align: center;
    margin: .4rem 0 .32rem 0;
}

.zz-explain div {
    color: #222;
    padding: 0 .3rem;
    text-align: center;
}

.zz-explain .zz-no-reserve {
    padding-top: .2rem;
}

.zz-explain .zz-know {
    display: block;
    height: 1.02rem;
    line-height: 1.02rem;
    margin-top: .35rem;
    border-top: 1px solid #e8e8e8;
    font-size: .34rem;
    text-align: center;
    color: #098fe6;
}

.zz-mask {
    z-index: 0;
    background-color: rgb(0, 0, 0);
    opacity: 0.149;
    filter: Alpha(opacity=14.9);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

/* ↑msgAuthentication end*/
.zz-bill-list {
    height: .88rem;
    line-height: .88rem;

}

.zz-bill-list ul {
    background: #fafafa;
    z-index: 1000;
    width: 100%;
    height: 100%;
    position: relative;

}

div.zz-list ul {
    z-index: 1000;
}

.zz-bill-list ul > li {
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
    width: 50%;
    float: left;
    text-align: center;
    border-bottom: 1px solid #e8e8e8;
}

/*.zz-bill-list ul li.zz-screen {*/
/*border-right: 1px solid #e8e8e8;*/
/*}*/

.zz-bill-list ul li.zz-switch {
    border-left: 1px solid #e8e8e8;
}

.zz-bill-list ul li.zz-screen > span, .zz-bill-list ul li.zz-switch > span {
    display: inline-block;
    margin-left: .05rem;
    vertical-align: middle;
    width: .18rem;
    height: .1rem;

}

.zz-bill-list ul li.zz-screen span.zz-normal {
    background: url("../../image/h5/dropdown@2x.png") no-repeat;
    background-size: 100% 100%;
}

.zz-bill-list ul li.zz-switch span.zz-normal {
    background: url("../../image/h5/dropdown@2x.png") no-repeat;
    background-size: 100% 100%;
}

.zz-bill-list ul li.zz-screen span.zz-billBg {
    background: url("../../image/h5/pullup@2x.png") no-repeat;
    background-size: 100% 100%;
}

.zz-bill-list ul li:nth-child(2).zz-billBg {
    color: #098fe6;
}

.zz-bill-list ul li.zz-switch span.zz-billBg {
    background: url("../../image/h5/pullup@2x.png") no-repeat;
    background-size: 100% 100%;
}

.zz-load {
    width: 100%;
    height: 100px;
    line-height: 100px;
    border: none;
    outline: none;
    text-align: center;
}

.zz-date {
    float: left;
    color: #999;
}

.zz-total-money:after {
    font-size: .24rem;
    content: "丨";
    font-weight: normal;
    color: #999;
}

.zz-list ul li .zz-total-number {
    float: right;
}

.zz-list ul li .zz-total-money {
	height:.88rem;
	line-height: .88rem;
    float: right;
}

.zz-list ul li .zz-total {
    float: right;
}

.zz-pay {
    /*border-top: 1px solid #ccc;*/
    color: #333;
    z-index: 1111;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

.zz-pay div {
    margin-left: .3rem;
}

.zz-pay .zz-payment {
    display: block;
    padding-top:.25rem;
    text-align: left;
}

.zz-pay p {
    padding-top: .4rem;
    height: .37rem;
    line-height: .37rem;
}

.zz-pay p.zz-lastP{
	padding-bottom: .4rem;
}

.zz-pay p.zz-notPaddingBottom {
    padding-bottom: 0;
    padding-left: .3rem;
}

.zz-pay .zz-notMargin {
    margin-left: 0;
    padding-bottom: .4rem;
}

.zz-notMargin input[type="button"] {
    font-size: .28rem;
    float: left;
    border: none;
    outline: none;
    margin: 0 5%;
    width: 40%;
    height: .84rem;
    line-height: .84rem;
    border-radius: .1rem;
}

.zz-notMargin .zz-select-all {
    border: 1px solid #e8e8e8 !important;
    background: #fff;
}

.zz-notMargin .zz-confirm {
    color: #fff;
}

.zz-pay p span {
    vertical-align: middle;
    line-height: .37rem;
    float: left;
    text-align: left;
}

.zz-pay .zz-select, .zz-store-list ol .zz-select {
    float: left;
    width: .37rem;
    height: .37rem;
    padding: 0 .24rem 0;
}

.zz-pay .zz-pathnot, .zz-store-list ol .zz-pathnot {
    background: url("../../image/h5/pathnot@2x.png") no-repeat;
    background-size: 100% 100%;
    background-origin: content-box;
}

.zz-pay .zz-path, .zz-store-list ol .zz-path {
    background: url("../../image/h5/path@2x.png") no-repeat;
    background-size: 100% 100%;
    background-origin: content-box;
}

.zz-pay .zz-bg {
    display: block;
    height: .1rem;
    background: #eee;
}

.zz-store-position {
    position: absolute;
    top: .88rem;
    left: 0;
}

.zz-store-list {
    z-index: 1;
    width: 100%;
}

.zz-store-list ol {
    z-index: 1;
    width: 100%;
    color: #333;
    background: #fff;
}

.zz-store-list ol li {
    margin-left: .3rem;
}

.zz-store-list ol .zz-store {
    float: left;
}

.zz-store-list ol .zz-select {
    padding: .255rem 0;
    float: right;
}

/* ↑ billMsg end*/

.zz-list-bank ul li i.zz-payment-icon{
    float: left;
    width: .61rem;
    height: .61rem;
    margin-right: .3rem;
}

.zz-list-bank ul li i.zz-weixin {
    height: .53rem;
    margin-top: .055rem;
    background: url("../../image/h5/logo_wepay@2x.png") no-repeat;
    background-size: 100% 100%;
}

.zz-list-bank ul li i.zz-zhifubao {
    height: .6rem;
	margin-top: .02rem;
    background: url("../../image/h5/logo_zhifu@2x.png") no-repeat;
    background-size: 100% 100%;
}
.zz-list-bank ul li i.zz-bankcard {
    height: .41rem;
    margin-top: .115rem;
    background: url("../../image/h5/logo_yh.png") no-repeat;
    background-size: 100% 100%;
}
.zz-list-bank i.zz-right-arrow {
    margin-top: -.125rem;
}

/*.zz-list ul li .zz-transaction-color {*/
/*color: #fe5e5e;*/
/*font-size: .32rem;*/
/*font-weight: 600;*/
/*}*/

.zz-list ul li .zz-pay-color {
    color: #999;
}

.zz-list ul li .zz-refund-color {
    color: #555;
}

.zz-screen-icon, .zz-mail-icon {
    width: .96rem;
    height: .96rem;
    padding: .3rem .26rem .3rem .3rem;
    background: url("../../image/h5/screen.png") no-repeat;
    background-size: 100% 100%;
    background-origin: content-box;
    position: fixed;
    bottom: 0;
    right: 0;
}

.zz-mail-icon {
    background: url("../../image/h5/mail.png") no-repeat;
    background-size: 100% 100%;
    background-origin: content-box;
}

/*↑transactionList end*/

.zz-order-list {
    background: #fff;
}

.zz-order-list ul {
    margin: 0 .3rem 0 .3rem;
}

.zz-order-list ul li {
    height: .28rem;
    line-height: .28rem;
    padding-top: .3rem;
}

.zz-order-list ul li:last-child {
    padding-bottom: .3rem;
}

.zz-order-list ul li span {

    height: .28rem;
    line-height: .28rem;
}

.zz-order-list ul li .zz-left {
    float: left;
    color: #999;
}

.zz-order-list ul li .zz-right {
    float: right;
    color: #666;
}

/* ↑orderMsg end*/

.zz-list ul li .zz-weight {
    font-weight: 600;
}

.zz-activity {
    margin-bottom: .6rem;
}

.zz-activity img {
    display: block;
    width: 100%;
    height: 3.8rem;
}

.zz-activity .zz-activity-list {
    height: 1.1rem;
    padding: 0 .3rem;
    line-height: 1.1rem;
    background: #fff;
}

.zz-activity .zz-activity-list .zz-activity-left {

    float: left;
}

.zz-activity .zz-activity-list .zz-activity-right {
    float: right;
    color: #098fe6;
}

.zz-activity .zz-activity-list .zz-right-arrow {
    margin-top: .425rem;
}

/* ↑activity end*/

html {
    font-size: 100px;
}

.zz-banner {
    position: relative;
    overflow: hidden;
    height: 3.4rem;
    background: #eee;
}

.zz-banner .zz-wrap {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;

    /*--设置WRAP的过渡动画--*/
    -webkit-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
}

.zz-banner .zz-wrap > div {
    float: left;
    height: 100%;
    /*background: url("../img/default.gif") no-repeat center center;*/
    /*background-size: 34px 34px; !*--原图也是34*34的大小,这样的话在苹果或者其他高清屏上我们的这个背景图会出现模糊(我们需要准备一张68*68的图片)--*!*/
}

.zz-banner .zz-wrap > div img {
    display: block;
    width: 100%;
    height: 100%;
}

.zz-banner .zz-tip {
    position: absolute;
    left: 0;
    bottom: .25rem;
    width: 100%;
    height: .2rem;
    line-height: .2rem;
    text-align: center;
}

.zz-banner .zz-tip li {
    display: inline-block;
    width: .56rem;
    height: .02rem;
    background: #9d9ea0;
}

.zz-banner .zz-tip li.zz-bg {
    background: #a0713e;
}

a {
    display: block;
    height: 100%;
}

.zz-apply {
    width: 6.9rem;
    height: 1.65rem;
    border: 1px solid #c1a274;
    box-shadow: 0 3px 8px 0 rgba(177, 155, 122, 0.1);
    border-radius: 5px;
    margin: .5rem auto 0;
}

.zz-apply i.zz-number-one {
    float: left;
    margin: .33rem .2rem 0;
    width: .12rem;
    height: .25rem;
    background: url("../../image/h5/one@2x.png") no-repeat;
    background-size: 100% 100%;
}

.zz-number-two {
    float: left;
    width: .2rem;
    height: .24rem;
    margin: .33rem .14rem 0;
    background: url("../../image/h5/two@2x.png") no-repeat;
    background-size: 100% 100%;
}

.zz-apply .zz-apply-list {
    float: left;
}

.zz-apply .zz-apply-list .zz-apply-on {
    height: .3rem;
    line-height: .3rem;
    color: #333;
    display: block;
    font-size: .3rem;
    font-weight: 600;
    margin: .3rem 0 .2rem 0;
}

.zz-apply .zz-apply-list .zz-apply-write {
    color: #333;
    width: 3.8rem;
    display: block;
    font-size: .26rem;
}

.zz-apply .zz-click {
    float: right;
    color: #fff;
    background: #fe5e5e;
    border-radius: 5px;
    width: 1.47rem;
    height: .5rem;
    line-height: .5rem;
    text-align: center;
    margin: .575rem .4rem 0;
}

.zz-apply .zz-line {
    float: right;
    width: 1px;
    height: .76rem;
    margin: .445rem 0;
    border-right: 1px solid #c1a274;
}

/*↑ merchant end*/

.zz-cooperation {
    background: #fff;
}

.zz-cooperation img {
    display: block;
    height: 3.42rem;
    width: 100%;
}

.zz-cooperation p {
    margin: .33rem .3rem .3rem;
    font-size: .3rem;
    height: .84rem;
    line-height: .44rem;
}

.zz-cooperation span {
    display: block;
    font-size: .26rem;
    line-height: .26rem;
    padding: 0 .3rem .42rem;
    color: #666;
}

.zz-method {
    background: #fff;
    padding: .3rem 0 .22rem .3rem;
    border-bottom: 1px solid #e8e8e8;
}

.zz-method .zz-color {
    font-size: .26rem;
    line-height: .26rem;
    font-weight: normal;
}

.zz-method .zz-phone {
    height: .33rem;
    line-height: .33rem;
    margin-top: .4rem;
    vertical-align: middle;
}

.zz-method i.zz-phone-icon {
    float: left;
    margin-right: .1rem;
    width: .33rem;
    height: .33rem;
    background: url("../../image/h5/icon_phone@2x.png") no-repeat;
    background-size: 100% 100%;

}

.zz-method .zz-phone span {
    float: left;
}

.zz-method a {
    float: left;
    color: #098fe6;
}

.zz-input {
    background: #fff;
    padding-bottom: .5rem;
    margin-bottom: .4rem;
    height: 2.24rem;
}

.zz-input .zz-input-list {
    padding: .3rem .3rem 0;
}

.zz-input .zz-input-list .zz-your {
    float: left;
    height: .82rem;
    line-height: .82rem;
}

.zz-input .zz-input-list input {
    background: none;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
    /*    box-shadow: 0 0 0;*/
    float: right;
    width: 4.6rem;
    height: .8rem;
    line-height: .8rem;
    padding-left: .2rem;
    border: 1px solid #e8e8e8;
}

/*↑cooperation end*/

.zz-today {
    height: 3.3rem;
    background-image: -moz-linear-gradient(90deg, rgb(245, 92, 94) 0%, rgb(252, 111, 83) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(245, 92, 94) 0%, rgb(252, 111, 83) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(245, 92, 94) 0%, rgb(252, 111, 83) 100%);
}

.zz-today p.zz-amt {
    /*padding-top: .2rem;*/
    font-size: .6rem;
    color: #fff;
    font-weight: 600;
    text-align: center;
}

.zz-today span{
    display: block;
    padding-top: .7rem;
    font-size: .28rem;
    height: .28rem;
    line-height: .28rem;
    color: #fff;
    text-align: center;
}
.zz-today .zz-promote-jj{
    list-style: none;
    display: block;
    width: 1.3rem;
    height: .5rem;
    line-height: .5rem;
    border: 1px solid #fff;
    border-radius: 4px;
    text-align: center;
    margin: .4rem auto 0;
    color: #fff;
}

.zz-flex {
    padding-right: .3rem;
    margin-left: .3rem;
    border-bottom: 1px solid #dcdcdc;
    display: -webkit-flex;
    display: flex;
}

.zz-flex .zz-h88 {
    height: .8rem;
    line-height: .88rem;
}

.zz-flex li {
    -webkit-flex: 1;
    flex: 1;
}

.zz-flex li:nth-child(2) {
    text-align: center;
}

.zz-flex li:nth-child(3) {
    text-align: right;
}

.zz-date-list a {
    color: #333;
    display: block;
}

.zz-date-list .zz-time-price {
    height: .88rem;
    line-height: .88rem;
}

.zz-date-list .zz-time-price span {
    font-size: .26rem;
    color: #999;
    display: inline-block;
    vertical-align: top;
}

.zz-date-list ul.zz-flex .zz-h130 {
    height: 1.3rem;
    line-height: 1.3rem;

}

.zz-date-list ul.zz-flex:last-child {
    border: none;
}

.zz-date-list .zz-time-price {
    background: #eee;
    padding-left: .3rem;
}

.zz-date-list {
    background: #fff;
}

.zz-date-list ul.zz-flex li:nth-child(3) {

}

.zz-date-list ul.zz-flex li span {
    display: block;
    height: .37rem;
    line-height: .37rem;
}

.zz-date-list ul.zz-flex li .zz-money-weight {
    font-weight: 600;
    color: #fe5e5e;
}

.flr {
    float: right;
}

.zz-date-list ul.zz-flex li .zz-bank-success {

    font-size: .24rem;
    color: #999;
}

.zz-date-list ul.zz-flex li .zz-padding-top {
    padding-top: .28rem;
}

.zz-income-bank-name {
    color: #666;
    max-width: 4.6rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: right;
}

.zz-max-name {
    max-width: 1.4rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* ↑income end*/

.zz-month-list {
    position: absolute;
    width: 100%;
    top: 3.13rem;
    left: 0;
    height: .77rem;
    padding-top: .25rem;
}

.zz-month-list ul li {
    float: left;
    width: 25%;
    text-align: center;
    color: #fff;
}

.zz-month-list ul li span {
    display: block;
    margin: auto;
    width: 1rem;
    height: .4rem;
    line-height: .4rem;
    background: #ccc;
    border-radius: .2rem;
}

.zz-merchant-bill ul li p.zz-year-list {
    height: .79rem;
    line-height: .79rem;
    color: #999;
    padding: 0 .3rem;
}

.zz-merchant-bill ul li p.zz-take-all {
    height: .88rem;
    line-height: .88rem;
    padding: 0 .3rem;
    background: #fff;
}

.zz-merchant-bill ul li span.zz-take-money {
    float: left;
}

.zz-merchant-bill ul li span.zz-take {
    float: right;
    font-weight: 600;
    height: .88rem;
    line-height: .88rem;
}

.zz-look-more {
    /*display: block;*/
    /*outline: none;*/
    /*border: none;*/
    /*padding: .36rem .3rem 1.56rem;*/
    /*background: none;*/
    /*text-align: right;*/
    /*width: 100%;*/
    /*color: #098fe6;*/
    margin-top: .3rem;
    font-size: .28rem;
    background: #f4f4f4;
    color: #666;
    border: 1px solid #ddd;
}

.zz-look {
    width: 5rem;
    text-align: left;
}

/*   ↑merchantMonthList end*/

.zz-read .zz-safe {
    width: 100%;
    text-align: center;
}

/*  ↑changeCard end*/

.zz-switch-box {

    font-size: 0;
    float: right;
    margin: .13rem .3rem 0 0;
}

.zz-pub-switch {
    display: none;
}

.zz-pub-switch + label {
    display: inline-block;
    position: relative;
    width: 1.02rem;
    height: .62rem;
    background-color: #fafbfa;
    border-radius: 50px;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.zz-pub-switch + label:after {
    content: ' ';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: box-shadow 0.1s linear;
    transition: box-shadow 0.1s linear;
    left: 0;
    border-radius: 100px;
    box-shadow: inset 0 0 0 0 #eee, 0 0 1px rgba(0, 0, 0, 0.4);
}

.zz-pub-switch + label:before {
    content: ' ';
    position: absolute;
    top: .03rem;
    left: .03rem;
    z-index: 100;
    width: .56rem;
    height: .56rem;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
    border-radius: 50%;
    box-shadow: 0 3px 1px rgba(0, 0, 0, 0.05), 0 0 1px rgba(0, 0, 0, 0.3);
    background: #fff;
}

.zz-pub-switch:checked + label:before {
    content: ' ';
    position: absolute;
    left: .43rem;
    border-radius: 50%;
}

.zz-pub-switch:checked + label:after {
    content: ' ';
    position: absolute;
    background: #4cd964;
    box-shadow: 0 0 1px #4cd964;
}

/* ↑ addCashier end*/
.zz-list ul li .zz-merchant-num {
    margin-right: .31rem;
}

.zz-list ul li .zz-delete-icon {
    position: absolute;
    right: .3rem;
    top: .29rem;
    width: .3rem;
    height: .3rem;
    background: url("../../image/h5/icon_del@2x.png") no-repeat;
    background-size: 100% 100%;
}

.zz-all-ewm {
    background: #313134;
    width: 100%;
    height: 100%;
    border: none;
}

.zz-all-ewm canvas {
    border: none;
}

.zz-long-press {
    padding-top: .57rem;
    color: #cccaca;
    text-align: center;
    font-size: .3rem;
    border: none;
    background: #313134;
}

/* ↑gatheringEwm end*/

.zz-gathering-money {
    margin: .5rem 0;
    display: block;
    text-align: center;
    font-size: .36rem;
    font-weight: 600;
}

.zz-submit-success ul li {
    height: .6rem;
    line-height: .6rem;
    margin: 0 .3rem;
}

.swiper-container, .swiper-slide {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.swiper-slide {
    position: relative;
}

.page1 {
    background: url("../../image/h5/bg1.jpg") no-repeat;
    background-size: 100% 100%;
}

.page2 {
    background: url("../../image/h5/bg2.jpg") no-repeat;
    background-size: 100% 100%;
}

.page3 {
    background: url("../../image/h5/bg3.jpg") no-repeat;
    background-size: 100% 100%;
}

.page4 {
    background: url("../../image/h5/bg4.jpg") no-repeat;
    background-size: 100% 100%;
}

.page5 {
    background: url("../../image/h5/bg5.jpg") no-repeat;
    background-size: 100% 100%;
}

.zz-rightNow {
    display: block;
    width: 2.34rem;
    height: .74rem;
    line-height: .74rem;
    border: 1px solid #fff;
    text-align: center;
    color: #fff;
    border-radius: .4rem;
    font-size: .28rem;
    position: absolute;
    left: 50%;
    bottom: 2.23rem;
    margin-left: -1.17rem;
}

.zz-up {
    display: block;
    width: .7rem;
    height: .7rem;
    border-radius: 50%;
    background: rgba(225, 225, 225, .4) url("../../image/h5/up.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    bottom: .46rem;
    margin-left: -.35rem;
}

/* ↑ product end*/

.zz-choice-month {
    color: #666;
    display: inline-block;
    vertical-align: top;
    margin-left: -.07rem;
    height: 100%;
    width: 4rem;
    border: none;
    background: #fff;
    list-style: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.zz-choice-month option {
    color: #666;
}

.zz-city-list {
    height: 100%;
    vertical-align: top;
    display: inline-block;
    
}

.zz-city-list select {
	color:#666;
    border: none;
    height: 100%;
    box-sizing: border-box;
    font: .28rem/1.5 Tahoma, Arial, sans-serif;
    float: left;
    background-color: #fff;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.zz-city-list select:after {

}

.zz-sanjiao {
    width: 0;
    height: 0;
    margin: .39rem .2rem 0 0;
    border-left: .1rem solid transparent;
    border-right: .1rem solid transparent;
    border-top: .1rem solid #333;
    float: left;
    vertical-align: middle;
    content: "1";
    z-index: 100;
}

.zz-city-list select.dist {
    max-width: 2.2rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}


/* -----宣传----- */

/* ---umfPay--- */



.zz-sub {
    width: 100%;
    height: 5.05rem;
    background: #fff;
    padding-top: .86rem;
}

.zz-sub-top {
    height: 3.37rem;
    border-bottom: 1px dashed #b9b9b9;
    margin:0 .6rem;
}

.zz-sucIcon {
    width: 1.05rem;
    height: 1.05rem;
    margin: 0 auto .83rem;
    background: url("../../image/h5/gou.png") no-repeat;
    background-size: 100% 100%;
}

.zz-subSucc {
    font-size: .32rem;
    height: .34rem;
    line-height: .34rem;
    color: #333;
    text-align: center;
    margin-bottom: .36rem;
}

.zz-contact {
    font-size: .28rem;
    color: #666;
    text-align: center;
}

.zz-sub-bottom {
    height: 1.66rem;
    line-height: 1.66rem;
    text-align: center;
    font-size: .28rem;
    color: #333;
}

.zz-subButton{
    width: 6.2rem;
    line-height: .9rem;
    height: .9rem;
    
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2.3rem;
    margin: 0 auto;
    -webkit-animation: opacity 2s 2.5s both;
    animation: opacity 2s 2.5s both;
}

.button-glow.button-highlight {
    -webkit-animation-name: glowing-highlight;
    animation-name: glowing-highlight;
}

.button-highlight:visited {
    color: #333;
}

.button:visited {
    color: #333;
}

.button-glow {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: glowing;
    animation-name: glowing;


}

.button-rounded {
    border-radius: 4px;
}

.button-highlight {
    background-color: #fff;
    border-color: #fff;
    color: #333;
}

.zz-subBg{
    background: #1e1e1e;
}
.button {
    
    color: #333;
    background-color: #fff;
    border-color: #fff;
    font-size: .4rem;
    width: 6.2rem;
    font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    text-decoration: none;
    text-align: center;
    line-height: .9rem;
    height: .9rem;
    
    display: block;
    appearance: none;
    cursor: pointer;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}

@keyframes glowing-highlight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    from {
        -webkit-box-shadow: 0 0 0 rgba(225, 225, 225, 0.3);
        box-shadow: 0 0 0 rgba(225, 225, 225, 0.3);
    }
    50% {
        -webkit-box-shadow: 0 0 30px rgba(225, 225, 225, 0.8);
        box-shadow: 0 0 30px rgba(225, 225, 225, 0.8);

    }
    to {
        -webkit-box-shadow: 0 0 0 rgba(225, 225, 225, 0.3);
        box-shadow: 0 0 0 rgba(225, 225, 225, 0.3);
    }
}

@keyframes opacity {
    from {
       opacity: 0
    }
    to {
        opacity: 1
    }
}

.zz-bodyBg-two{
    width: 100%;
    height: 100%;
    background: url("../../image/h5/umfPayTwo.gif") no-repeat;
    background-size: 100% 100%;
}

.zz-umfmask{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.5);
}
.zz-block{
    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    width: 4.4rem;
    height: 4.4rem;
}
.zz-block-one{
    z-index: 100;
    top: 1.8rem;
    background: rgba(225,225,225,.8);
    -webkit-animation: bounceInUp .8s .3s both;
    animation: bounceInUp .8s .3s both;
}

.zz-block-two{
    z-index: 50;
    top: 2.2rem;
    background: rgba(225,225,225,.5);
    -webkit-animation: bounceInUp .9s .3s both;
    animation: bounceInUp .9s .3s both;
}
.zz-block-three{
    z-index: 30;
    top: 2.6rem;
    background: rgba(225,225,225,.3);
    -webkit-animation: bounceInUp 1s .3s both;
    animation: bounceInUp 1s .3s both;
}

.zz-goon{
    width: 4rem;
    height: .6rem;
    position: absolute;
    top: 3.4rem;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    background: url("../../image/h5/qiyezhifu.png") no-repeat;
    background-size: 100% 100%;
    z-index: 101;

    -webkit-animation: zoomIn 1.3s 1.8s both;
    animation: zoomIn 1.3s 1.8s both;
}
.zz-lineTwo{
    width: 5rem;
    height: 0px;
    border-bottom: 1px solid #000;
    position: absolute;
    top: 4.4rem;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    z-index: 101;

    -webkit-animation: zoomIn 1s 1.5s both;
    animation: zoomIn 1s 1.5s both;
}

.zz-housekeeper{
    position: absolute;
    width: 3.12rem;
    height: .34rem;
    background: url("../../image/h5/guanli.png") no-repeat;
    background-size: 100% 100%;
    top: 4.8rem;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    z-index: 1111;

    -webkit-animation: zoomIn 1s 2.2s both;
    animation: zoomIn 1s 2.2s both;
}

/*.zz-triangle{
    position: absolute;
    top: 3.5rem;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    z-index: 101;
    width: 0;
    height: 0;
    border-left: .11rem solid transparent;
    border-right: .11rem solid transparent;
    border-top: .15rem solid #333;

}*/

.zz-umfPaymentTwo{
    width: 2.3rem;
    height: .6rem;
    background: url("../../image/h5/umfPayment.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: .8rem;
    margin: 0 auto;

    -webkit-animation: bounceInU 1s 2.5s both;
    animation: bounceInU 1s 2.5s both;
}

@-webkit-keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0) rotate(45deg);
        transform: translate3d(0, 3000px, 0) rotate(45deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
        transform: translate3d(0, 0, 0) rotate(45deg);
        opacity: 1;
    }
}

@keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000) ;
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0) rotate(45deg);
        transform: translate3d(0, 3000px, 0) rotate(45deg);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
        transform: translate3d(0, 0, 0) rotate(45deg);
        opacity: 1;
    }
}

@-webkit-keyframes bounceInU {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes bounceInU {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000) ;
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }

    to {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }

    to {
        opacity: 1;
    }
}


@-webkit-keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

/*------- 三期 start -------*/

.zz-paddingLeft{
    padding-left: 1.2rem;
}
.zz-illustrate{
    padding: .4rem .3rem .5rem;
    font-size: .24rem;
    color: #999;
}
.zz-illustrate span{
    display: block;
    text-align: center;
}

.zz-right-flr {
    float: right;
}
.zz-list .zz-explain-icon-L{
    padding-left: .1rem;
}
.zz-list ul li .zz-advance-num{
    text-align: right;
    height: .88rem;
}
.zz-submit-success .zz-handle-icon{
    background: url("../../image/h5/icon-clz.png") no-repeat;
    background-size: 100% 100%;
}

.zz-report{
    height: 4.05rem;
    background: #fff;
    padding-top: .95rem;
}
.zz-report .zz-report-icon{
    display: block;
    margin: 0 auto .8rem;
    width: 1.4rem;
    height: 1.4rem;
    background: url("../../image/h5/icon-sh.png") no-repeat;
    background-size: 100% 100%;
}
.zz-report .zz-repor-describe{
    display: block;
    line-height: .48rem;
    font-size: .28rem;
    color: #999;
    padding:  0 .6rem;
}

.zz-shop-list{
    width: 100%;
    height: .88rem;
    line-height: .88rem;
    border-bottom: 1px solid #e8e8e8;
    background-color: #fcfcfc;
    position: relative;
}

.zz-shop-list .zz-shop{
    color: #666;
    border: none;
    display: block;
    font-weight: 600;
    padding-left: .82rem;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    font-size: .28rem;
    background-color: #fcfcfc;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}


.zz-shop-list .zz-shop-icon{
    width: .36rem;
    height: .31rem;
    position: absolute;
    top: .285rem;
    left: .3rem;
    background: url("../../image/h5/icon-dp.png") no-repeat;
    background-size: 100% 100%;
}

.zz-shop-list .zz-down-normal {
    display: inline-block;
    width: .18rem;
    height: .1rem;
    position: absolute;
    top: .39rem;
    right: .61rem;
    background: url("../../image/h5/dropdown@2x.png") no-repeat;
    background-size: 100% 100%;
}

.zz-pay-detail {
    padding-left:.3rem;
    background: #fff;
}
.zz-pay-detail ul {
    padding: .19rem .3rem .19rem 0;
    border-bottom: 1px solid #e8e8e8;
}
.zz-pay-detail ul:last-child{
    border-bottom: none;
}
.zz-pay-detail ul li{
    height: .54rem;
    line-height: .54rem;
}
.zz-payDetail-left{
    color: #999;
    float: left;
}

.zz-payDetail-right {
    float: right;
    color: #666;
}

.zz-color-333 {
    color: #333;
}

.zz-bank-icon-flr{
    float: right;
    margin-top: .22rem;
}

.zz-maxWidth-bank{
    max-width: 2.3rem;
    white-space:nowrap;
    text-overflow:ellipsis;
    /* for internet explorer */
    overflow:hidden;
}
.zz-month-list{
    top: 4rem;
}

.zz-advance-bankName{
    max-width: 3.6rem;
    white-space:nowrap;
    text-overflow:ellipsis;
    /* for internet explorer */
    overflow:hidden;
}

.zz-set-bank-name{
	max-width: 4.2rem;
    white-space:nowrap;
    text-overflow:ellipsis;
    /* for internet explorer */
    overflow:hidden;
}
.footer-bottom{
    width: 100%;
    height: .3rem;
}

.zz-payDetail-maxWidth {
	max-width: 4.9rem;
	white-space:nowrap;
    text-overflow:ellipsis;
    /* for internet explorer */
    overflow:hidden;
}

.zz-banner02-jj{
    width: 100%;
    height: 3rem;
    margin-bottom: .3rem;
    background: url("../../image/h5/banner02.png") no-repeat;
    background-size:  100% 100%;
}
.zz-position-4{
    position: absolute;
    left: .32rem;
    bottom: .3rem;
}

.zz-color-098fe6{
    color: #098fe6;
}

.zz-POS-reade,.zz-LMF-trade{
    color: #333;
}

.zz-list-bank ul li i.zz-bankcard {
    height: .41rem;
    margin-top: .115rem;
    background: url("../../image/h5/logo_yh.png") no-repeat;
    background-size: 100% 100%;
}
